ol,ul,li{list-style: none;}
a{text-decoration:none !important;}
body, div,iframe, ul, ol, dl, dt, dd, li, dl,   
h1, h2, h3, h4, table,th, td, input, button, select,span,  
 textarea,img,a{  
    margin:0;   
    padding:0;
    border: 0;
    font-family: "Source Han Sans CN";
    font-weight: normal;
}
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,select,textarea,button,th,td,menu{margin:0;padding:0;}
ul,dl,ol{list-style:none;}
img,fieldset,input[type="submit"]{border:0 none;}
em{font-style:normal;}
strong{font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
button,input[type="button"]{cursor:pointer;border:0 none;}
a,button,input,img{-webkit-touch-callout:none;}
input,select,textarea{outline:none;}
a{text-decoration:none !important;font-weight: normal;}
.fl{ float: left}
.fr{ float: right}
.text-c{ text-align: center}
.text-l{ text-align: left}
.text-r{ text-align: right}
.clear_float{clear:both;}
html {height: 100%;width: 100%;font-family:"Source Han Sans CN" !important;outline: 0;-webkit-text-size-adjust:none;}
body {height: 100%;margin:0;position: relative;padding:0;}
.noborderbottom{border-bottom:none !important;}
.nobordereight{border-right:none !important;}
.nopr{padding-right: none !important;}
.nomr{margin-right: 0 !important;}
.margin_center{
    margin:0 auto;
}
.desc-img .title{
	color:#333 !important;
	font-size:16px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q { 
	-webkit-hyphens: none;
	  -moz-hyphens: none;
	   -ms-hyphens: none;
		   hyphens: none;
			quotes: none;
}

figure {
	margin: 0;
}

:focus {
	outline: 0;
}

table { 
	border-collapse: collapse; 
	border-spacing: 0;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

legend {
	white-space: normal;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
		   box-sizing: border-box;
}

button,
input {
	line-height: normal;
}

input,
textarea {
	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}

input[type=radio],input[type=checkbox]{
	-webkit-appearance: none;
	height:1rem;
	margin: 0 .4rem 0.1rem .3rem;
	width:1rem;
	border-radius: 0;
	border: none !important;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	line-height: 1;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	border: none;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
/* Repeatable Patterns
-------------------------------------------------------------- */
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
a {		
	color: #333;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		 -o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
}

*{margin: 0; padding: 0;}
p{
    padding: 0px;
    margin: 0px;
}
body {
	color: #333;
	font: 14px/1.4 Source Han Sans CN, \\5FAE\8F6F\96C5\9ED1, Segoe UI, Tahoma, "\5B8B\4F53 b8b\4F53", SimSun, sans-serif;
	width: expression(this.width > 1200 ? "1200px":true);
	min-width: 1200px;
	min-width: 100%;
}
.w1200 {
		width: 1200px;
		/* margin: 0 auto; */
		position: relative;
		display: flow-root;
		/*padding: 0 10px;*/
	}
@media (min-width: 992px) {
	.w1200 {
		width: 1200px;
		margin: 0 auto;
		position: relative;
		display: flow-root;
	}
}
/* @media (min-width: 1920px) {
	.w1200 {
		width: 1400px;
		margin: 0 auto;
		position: relative;
		display: flow-root;
	}
}
@media screen and (max-width: 750px) {
	.w1200 {
		width: auto;
		margin: 0 auto;
		position: relative;
		display: flow-root;
		padding: 0 10px;
	}
} */

.col12 {
	width: 100%;
	float: left
}
.col-md-90 {
	width: 90%
}
.col-md-80 {
	width: 80%
}
.col-md-70{
	width: 70%
}
.col-md-60{
	width: 60%
}
.col-md-50{
	width: 50%
}
.col-md-40 {
	width: 40%
}
.col-md-30 {
	width: 30%
}
.col-md-20 {
	width: 20%
}
.col-md-01 {
	width: 10%
}

@media screen and (max-width: 750px){
.col-xs-12 {
	width: 100%;
	float: left
}
.col-xs-11 {
	width: 91.66666667%
}

.col-xs-10 {
	width: 83.33333333%
}
.col-xs-9 {
	width: 75%
}

.col-xs-8 {
	width: 66.66666667%
}

.col-xs-7 {
	width: 58.33333333%
}
.col-xs-6 {
		width: 50%
}
.col-xs-5 {
	width: 41.66666667%
}
.col-xs-4 {
	width: 33.33333333%
}
.col-xs-3 {
	width: 25%
}
.col-xs-2 {
	width: 16.66666667%
}
.col-xs-1 {
	width: 8.33333333%
}
	
}
@media (min-width: 992px) {
.col-md-12 {
	width: 100%;
	float: left
}
.col-md-11 {
	width: 91.66666667%
}

.col-md-10 {
	width: 83.33333333%
}
.col-md-9 {
	width: 75%
}

.col-md-8 {
	width: 66.66666667%
}

.col-md-7 {
	width: 58.33333333%
}
.col-md-6 {
		width: 50%
}
.col-md-5 {
	width: 41.66666667%
}
.col-md-4 {
	width: 33.33333333%
}
.col-md-3 {
	width: 25%
}
.col-md-2 {
	width: 16.66666667%
}

.col-md-1 {
	width: 8.33333333%
}
}
[class*='col'] {
    position: relative;
	box-sizing: border-box;
    float: left;
}

.col-spacexs>* {
	padding-left: 3.5px;
	padding-right: 3.5px;
}

.col-spacesm>* {
	padding-right: 7.5px;
	padding-left: 7.5px;
}

.col-spacemd>* {
	padding-left: 10px;
	padding-right: 10px;
}
.col-spacelg>* {
	padding-left: 15px;
	padding-right: 15px;
}
.col-space20>* {
	padding-left: 20px;
	padding-right: 20px;
}
.row-spacexs{
    margin-right: -3.5px;
    margin-left: -3.5px;
}

.row-spacesm{ 
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.row-spacemd{ 
    margin-right: -10px;
    margin-left: -10px;
}
.row-spacelg{ 
    margin-right: -15px;
    margin-left: -15px;
}
.row-space20{ 
    margin-right: -20px;
    margin-left: -20px;
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}